<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>今日头条</title>
        <link rel="stylesheet" type="text/css" href="../style/css/public.css">
        <script src="../style/js/jquery-1.8.3.min.js" type="text/javascript"></script>
        <script src="../style/js/ajaxfileupload.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function (){
                var account=sessionStorage.getItem("account");
                if(account!=null && account!=""){
                    var str="<a href='member_center.html'>\n" +
                        "<button type=\"submit\" class=\"login\">"+account+"</button>\n" +
                        "</a>"
                }
                $("#loginId").html(str);
                $.get("../front_NesTypeController/getNesType",function (res){
                   if(res.code==500||res==202){
                        alert(res.msg);
                    }else{
                        var str="";
                        for ( i = 0; i < res.data.length; i++) {
                          str+="<li><a onclick='getNews("+res.data[i].id+")' href='javascript:void(0)' class=\"sf-with-ul\">"+res.data[i].name+"</a></li>"
                        }
                        $("#ul1").append(str);
                    }
                },"json")
                $.get("../front_LinkController/getLink",function (res){

                    var str="";
                    for ( i = 0; i < res.data.length; i++) {
                        str+="<a href='"+res.data[i].address+"'>"+res.data[i].linksName+"</a>";
                    }
                    $("#linkId").html(str);
                },"json")
            })
            function getNews(id){

            }
        </script>
    </head>
    <body>
        <div>
            <!-- 顶部 -->
            <div class="top">
                <div class="top_content">
                    <div class="top_logo">
                        <a href="">
                            <img src="../style/img/userLoginPicture/logo.png" />
                        </a>
                    </div>
                    <div class="advert">
                        <a href="" target="_blank">
                            <img src="../style/img/userLoginPicture/ad1.jpg" />
                        </a>
                    </div>
                    <div class="user" id="loginId">
                        <a href="../user/userLogin.html">
                            <button type="submit" class="login">登录</button>
                        </a>
                    </div>
                    <div style="clear: left;"></div>
                </div>
            </div>
            <!-- 内容区 -->
            <div id="main_box">
                <div class="left">
                    <div class="left-col">
                        <div class="nav">
                            <ul class="sf-menu sf-arrows" id="ul1">
                                <li>
                                    <a href="" class="active">最新推荐</a>
                                    <ul class="sub-menu"></ul>
                                </li>
<!--                                <li> <a href="" class="sf-with-ul">新闻快报</a></li>-->
<!--                                <li><a href="" class="sf-with-ul">国内新闻</a></li>-->
<!--                                <li><a href="" class="sf-with-ul">国际新闻</a></li>-->
<!--                                <li><a href="" class="sf-with-ul">人文风景</a></li>-->
<!--                                <li><a href="" class="sf-with-ul">科技创新</a></li>-->
<!--                                <li><a href="" class="sf-with-ul">创业俱乐部</a>-->
<!--                                <li><a href="" class="sf-with-ul">区块链</a>-->
<!--                                <li><a href="" class="sf-with-ul">互联网</a>-->
<!--                                <li><a href="" class="sf-with-ul">二手房</a></li>-->
<!--                                <li><a href="" class="sf-with-ul">汽车资讯</a>-->
<!--                                <li><a href="" class="sf-with-ul">上市新车</a></li>-->
<!--                                <li><a href="" class="sf-with-ul">用车小百科</a></li>-->
<!--                                <li><a href="" class="sf-with-ul">旅游攻略</a></li>-->
<!--                                <li><a href="" class="sf-with-ul">体育视界</a></li>-->
<!--                                <li><a href="" class="sf-with-ul">财经股票</a></li>-->
<!--                                <li><a href="" class="sf-with-ulsf-with-ul">美食天地</a></li>-->
<!--                                <li><a href="" class="">教育公益</a></li>-->
<!--                                <li><a href="" class="sf-with-ul">狂欢京东</a></li>-->
                            </ul>
                        </div>
                    </div>
                </div>
                <!--中间区域-->
                <div class="middle">
                    <!---轮播内容-->
                    <div class="gslider">
                        <!-- 图片滑动 -->
                        <div class="swiper-container swiper-container-initialized swiper-container-horizontal">
                            <div class="swiper-wrapper" >
                                <div class="swiper-slide swiper-slide-active" style="width: 770px;">
                                    <a href="" target="_blank">
                                        <img id="imgs" src="../style/img/userLoginPicture/picture1.jpg">
                                        <h3 class="slide-title">美国称只要不涉及5G，将允许更多企业供货华为，透露什么信号？</h3>
                                    </a>
                                </div>
                            </div>
                            <!-- 分页器 -->
                            <div class="swiper-pagination"></div>
                            <!-- 导航按钮 -->
                            <div class="swiper-button-prev" tabindex="0" role="button" aria-label="Previous slide"></div>
                            <div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide"></div>
                            <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
                    </div>

                    <!--文章容器  文章列表开始-->
                    <div class="recent-content">
                        <h2><span>最新发布</span></h2>

                        <div class="lista">
                            <h3>
                                <a href="" target="_blank">文章标题</a>
                            </h3>
                            <div class="pov">
                                <div class="sview">
                                    <div class="sviewl">
                                        <div class="tittop">
                                            <b>发布于 2020-12-21</b>
                                        </div>
                                        <div class="art_summary">
                                            <p>文章摘要...</p>
                                        </div>
                                        <div class="footbar">
                                            <i class="footbar-category"><a href="">互联网</a></i>
                                            <i class="footbar-like"><a href="javascript:;">阅读(908)</a></i>
                                        </div>
                                    </div>
                                    <!--封面图-->
                                    <div class="sviewr">
                                        <a href="" target="_blank"><img src="../style/img/userLoginPicture/article1.jpg"></a>
                                    </div>

                                </div>
                            </div>
                        </div>

                        <div class="lista">
                            <h3>
                                <a href="" target="_blank">【腾讯云】12.11 云上盛惠，云产品限时抢购</a>
                            </h3>
                            <div class="pov">
                                <div class="sview">
                                    <div class="sviewl">
                                        <div class="tittop">
                                            <b>发布于 2020-11-04</b>
                                        </div>
                                        <div class="art_summary">
                                            <p>腾讯云11.11云上盛惠 ，精选热门产品助力上云，云服务器首年88元起，买的越多返的越多，最高返5000元！</p>
                                        </div>
                                        <div class="footbar">
                                            <i class="footbar-category"><a href="">互联网</a></i>
                                            <i class="footbar-like"><a href="javascript:;">阅读(401)</a></i>
                                        </div>
                                    </div>

                                    <div class="sviewr">
                                        <a href="" target="_blank"><img src="../style/img/userLoginPicture/article2.jpg"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="right">
                    <div class="searchbox">
                        <form id="searchform" method="get" action="">
                            <input type="search" name="keyWords" class="search-input" value="" placeholder="请输入关键词" autocomplete="off">
                            <button type="submit" class="search-submit">搜索</button>
                        </form>
                    </div>
                    <!--广告图-->
                    <div class="ali">
                        <a href="">
                            <img src="../style/img/userLoginPicture/ay.jpg">
                        </a>
                    </div>
                    <!--推荐文章-->
                    <div class="sitebar-article">
                        <h2><span>推荐文章</span></h2>
                        <div class="sitebar-article-list">
                            <ul>
                                <!--推荐文章列表-->
                                <li>
                                    <div class="artl">
                                        <a href="" target="_blank">
                                            <p>文章标题</p>
                                        </a>
                                        <label>2020-12-21</label>
                                    </div>
                                    <div class="artr">
                                        <a href="" target="_blank">
                                            <img src="../style/img/userLoginPicture/article1.jpg">
                                        </a>
                                    </div>
                                </li>

                                <li>
                                    <div class="artl">
                                        <a href="" target="_blank">
                                            <p>【腾讯云】12.11 云上盛惠，云产品限...</p>
                                        </a>
                                        <label>2020-11-04</label>
                                    </div>
                                    <div class="artr">
                                        <a href="" target="_blank"><img src="../style/img/userLoginPicture/article2.jpg"></a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <!--广告位-->
                    <div class="ali">
                        <a href="">
                            <img src="../style/img/userLoginPicture/ad3.jpg">
                        </a>
                    </div>

                    <!--点击最多的文章-->
                    <div class="sitebar-article">
                        <h2><span>点击最多的文章</span></h2>
                        <div class="sitebar-article-list">
                            <ul>
                                <li>
                                    <div class="artl">
                                        <a href="" target="_blank">
                                            <p>gfast 流程介绍</p>
                                        </a>
                                        <label>2020-12-21</label>
                                    </div>

                                    <div class="artr">
                                        <a href="" target="_blank"><img src="../style/img/userLoginPicture/article1.jpg"></a>
                                    </div>

                                </li>

                                <li>
                                    <div class="artl">
                                        <a href="" target="_blank">
                                            <p>美国称只要不涉及5G，将允许更多企业供货...</p>
                                        </a>
                                        <label>2020-10-30</label>
                                    </div>

                                    <div class="artr">
                                        <a href="" target="_blank"><img src="../style/img/userLoginPicture/picture1.jpg"></a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div style="clear: left;"></div>
                <!-- 底部友情链接,网站信息 -->
                <div class="main_bottom">
                    <div class="main_bottom_link">
                        <div class="main_bottom_link_title">友情链接</div>
                        <div class="main_bottom_link_content" id="linkId">
<!--                            <a href="www.baidu.com">百度</a>-->
<!--                            <a href="www.sina.com.cn">新浪</a>-->
<!--                            <a href="www.tencent.com">腾讯</a>-->
<!--                            <a href="www.taobao.com">淘宝</a>-->
                        </div>
                    </div>
                    <div class="main_bottom_info">
                        © 2021 今日头条 京公网安备 11000002002023号<br/>
                        联系电话：400-140-2108<br/>
                        公司名称：北京字节跳动科技有限公司  &nbsp;&nbsp;&nbsp; <a href="../back/login.html">管理员登录</a><br/>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>